<template>
    <div>
        <input type="number" step="20" v-model="number1">
        +
        <input type="number" step="20" v-model="number2">
        =
        {{result}}
        <p>
            <tween-comp :number="number1" />
            +
            <tween-comp :number="number2" />
            =
            <tween-comp :number="result" />
        </p>
    </div>
</template>
<script>
import TweenComp from './TwnNumComp1';
export default {
    components: {
        TweenComp,
    },
    data(){
        return {
            number1: 0,
            number2: 0,
        }
    },
    computed: {
        result(){
            return +this.number1 + +this.number2;
        }
    }
}
</script>